<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>百顺通云-云市场</title>
    <link rel="shortcut icon" href="/images/user/favicon.png" type="image/x-icon">
    <link type="text/css" rel="stylesheet" href="/css/user/global.css" />
    <link type="text/css" rel="stylesheet" href="/css/user/mall/cloudmarket.css" />
    <link type="text/css" rel="stylesheet" href="/css/user/img_turn.css" />
    <script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/js/user/img_turn.js"></script>
    <script type="text/javascript" src="/js/user/ntabs.js"></script>
</head>

<body>
    <!--页面内容开始-->
    <div class="Wrapper">
    	<!--页面头部及导航部分开始-->
        <jsp:include page="../common/header.jsp"/>
        <!--页面头部及导航部分结束-->
        <div class="cl"></div>
        <!--内容部分-->
        <div class="content">
            <!--左侧-->
            <div class="main-l fl">
                <!--左侧列表-->
                <div class="list">
                    <ul>
                        <li><a href="/mall">首页推荐</a></li>
                        <c:forEach items="${meals}" var="m" varStatus="status">
              	  			<c:choose>
              	  				<c:when test="${status.last}">
              	  					<li><a href="${m.mealUrl}" title="${m.mealName}" class="last">${m.mealName}</a></li>
              	  				</c:when>
              	  				<c:otherwise>
              	  					<li><a href="${m.mealUrl}" title="${m.mealName}">${m.mealName}</a></li>
              	  				</c:otherwise>
              	  			</c:choose>
              	  		</c:forEach>
                    </ul>
                </div>
                <!--左侧列表结束-->

                <jsp:include page="../common/left.jsp"/>
            </div>
            <!--左侧结束-->
            <!--右侧-->
            <div class="main-r fr">
                <!--轮播-->
                <jsp:include page="../common/img_turn.jsp"/>
                <!--轮播结束-->
                <!--右侧搜索-->
                <%-- <div class="main-r-search mt20">
                    <div class="label01 fl mr20">
                        <select name="select" id="industry" class="search-text">
                            <option onfocus="this.style.color='#999'" onblur="this.style.color='#999'" value="">行业</option>
                            <c:forEach items="${industries}" var="i">
                            	<option onfocus="this.style.color='#999'" onblur="this.style.color='#999'" value="${i.industryId}">${i.industryName}</option>
                            </c:forEach>
                        </select>
                    </div>
                    <div class="label01 fl mr20">
                        <select name="select" id="product_category" class="search-text">
                            <option onfocus="this.style.color='#999'" onblur="this.style.color='#999'" value="">类别</option>
                        	<c:forEach items="${productCategories}" var="pc">
                        		 <option onfocus="this.style.color='#999'" onblur="this.style.color='#999'" value="${pc.productCategoryId}">${pc.productCategoryName}</option>
                        	</c:forEach>
                        </select>
                    </div>
                    <div class="label02 fl">
                        <input type="text" name="textfield2" id="textfield2" value="关键字" class="search-text2 w235 fl" onfocus="if(this.value=='关键字') this.value='';this.style.color='#999'" onblur="if(this.value=='') {this.value='关键字';this.style.color='#999'}"  />
                        <a href="#" class="btn fl" onclick="return reload();"></a>
                    </div>
                    <div class="cl"></div>
                </div> --%>
                <!--右侧搜索结束-->
                <!--最新应用开始-->
                <div class="new-application tubiao mt20">
                    <div class="lm-t">
                        <div class="headtitle fl">最新应用</div>
                        <div class="more fr"><a href="/mall/yyzzfw">更多</a>
                        </div>
                    </div>
                    <div class="box" id="zxyy">
                        <c:forEach items="${mpVo3}" var="mp3" varStatus="status">
                        	<div class="layout fl">
	                        	<div class="pic fl mr20">
	                                <a href="/mall/cpxq/${mp3.productId}">
	                                    <img src="${mp3.productImg}" width="75" height="75" />
	                                </a>
	                            </div>
	                            <dl class="fl">
	                                <dt><a href="/mall/cpxq/${mp3.productId}">${mp3.productName}</a>
	                                </dt>
	                                <dd>
	                                    <font class="red">报价：￥${mp3.productPrice}</font></dd>
	                                <dd>${mp3.productBrief}</dd>
	                            </dl>
	                            <div class="kt-btn"><a href="/mall/cpxq/${mp3.productId}" class="fr">购买</a>
	                            </div>
	                            <div class="cl"></div>
	                        </div>
                        </c:forEach>
                        <div class="cl"></div>
                    </div>
                </div>
                <!--最新应用结束-->
                <!--标准服务开始-->
				<div class="new-application tubiao">
                    <div class="lm-t">
                        <div class="headtitle fl">标准服务</div>
                    </div>
                    <div class="box" id="zxyy">
                        <c:forEach items="${mpVo1}" var="mp1" varStatus="status">
                        	<div class="layout fl">
	                        	<div class="pic fl mr20">
	                                <a href="/mall/tcxq/${mp1.mealId}">
	                                    <img src="${mp1.mealImg}" width="75" height="75" />
	                                </a>
	                            </div>
	                            <dl class="fl">
	                                <dt><a href="/mall/tcxq/${mp1.mealId}">${mp1.mealName}</a>
	                                </dt>
	                                <dd>
	                                    <font class="red">报价：￥${mp1.offerPrice}</font></dd>
	                                <dd>${mp1.mealSpecialtyBrief}</dd>
	                            </dl>
	                            <div class="kt-btn"><a href="/mall/tcxq/${mp1.mealId}" class="fr">购买</a>
	                            </div>
	                            <div class="cl"></div>
	                        </div>
                        </c:forEach>
                        <div class="cl"></div>
                    </div>
                </div>
                <%-- <div class="intro_pro">
                    <div class="tab_wrapper2">
                        <div class="title_bar2">
                            <ul class="tabs" id="myTab2">
                                <li class="active" onclick="nTabs(this,0);"><a href="#tab1">云办公标准版</a>
                                </li>
                                <li class="sta" onclick="nTabs(this,1);"><a href="#tab2">云办公私有云</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tab_container2" style="padding:20px 0 0 0;">
                            <div id="myTab2_Content0" class="tab_content tubiao" style="display:block;">
                                <ul class="ofen" id="yunjc">
                                    <c:forEach items="${mpVo1}" var="mp1">
                                    	<li>
	                                        <div class="mod_appshow">
	                                            <a href="/mall/gngs/${mp1.productId}" class="appmk">
	                                                <img src="${mp1.productImg}">
	                                            </a><a href="/mall/gngs/${mp1.productId}" class="app_name">${mp1.productName}</a>
	                                        </div>
	                                    </li>
                                    </c:forEach>
                                </ul>
                            </div>
                            <div id="myTab2_Content1" class="tab_content" style="display:none;">
                                <ul class="ofen" id="yunqj">
                                    <c:forEach items="${mpVo2}" var="mp2">
                                    	<li>
	                                        <div class="mod_appshow">
	                                            <a href="/mall/gngs/${mp2.productId}" class="appmk">
	                                                <img src="${mp2.productImg}">
	                                            </a><a href="/mall/gngs/${mp2.productId}" class="app_name">${mp2.productName}</a>
	                                        </div>
	                                    </li>
                                    </c:forEach>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div> --%>
                <!--标准服务结束-->
                <!--增值服务开始-->
                <div class="added-services tubiao">
                    <div class="lm-t">
                        <div class="headtitle fl">增值服务</div>
                        <div class="more fr"><a href="/mall/yyzzfw">更多</a>
                        </div>
                    </div>
                    <div class="box" id="zzfw">
                        <c:forEach items="${mpVo4}" var="mp4" varStatus="status">
                        	<c:choose>
                        		<c:when test="${status.index > 1 }">
                        			<div class="layout fl mt20">
			                            <div class="pic fl mr20">
			                                <a href="/mall/cpxq/${mp4.productId}">
			                                    <img src="${mp4.productImg}" width="75" height="75" />
			                                </a>
			                            </div>
			                            <dl class="fl">
			                                <dt><a href="/mall/cpxq/${mp4.productId}">${mp4.productName}</a>
			                                </dt>
			                                <dd>
			                                    <font class="red">报价：￥${mp4.productPrice}</font></dd>
			                                <dd>${mp4.productBrief}</dd>
			                            </dl>
			                            <div class="kt-btn"><a href="/mall/cpxq/${mp4.productId}" class="fr">购买</a>
			                            </div>
			                            <div class="cl"></div>
			                        </div>
                        		</c:when>
                        		<c:otherwise>
                        			<div class="layout fl">
		                        		<div class="pic fl mr20">
			                                <a href="/mall/cpxq/${mp4.productId}">
			                                    <img src="${mp4.productImg}" width="75" height="75" />
			                                </a>
		                           		</div>
			                            <dl class="fl">
			                                <dt><a href="/mall/cpxq/${mp4.productId}">${mp4.productName}</a>
			                                </dt>
			                                <dd>
			                                    <font class="red">报价：￥${mp4.productPrice}</font></dd>
			                                <dd>${mp4.productBrief}</dd>
			                            </dl>
			                            <div class="kt-btn"><a href="/mall/cpxq/${mp4.productId}" class="fr">购买</a>
			                            </div>
			                            <div class="cl"></div>
		                        	</div>
                        		</c:otherwise>
                        	</c:choose>
                        </c:forEach>
                        <div class="cl"></div>
                    </div>
                </div>
                <!--增值服务结束-->
                 <!--其他增值服务开始-->
				<%-- <div class="new-application tubiao">
                    <div class="lm-t">
                        <div class="headtitle fl">其他增值服务</div>
                        <div class="more fr"><a href="#">更多</a></div>
                    </div>
                    <div class="box" id="zxyy">
                        <c:forEach items="${mpVo1}" var="mp1" varStatus="status">
                        	<div class="layout fl">
	                        	<div class="pic fl mr20">
	                                <a href="/mall/tcxq/${mp1.mealId}">
	                                    <img src="${mp1.mealImg}" width="75" height="75" />
	                                </a>
	                            </div>
	                            <dl class="fl">
	                                <dt><a href="/mall/tcxq/${mp1.mealId}">${mp1.mealName}</a>
	                                </dt>
	                                <dd>
	                                    <font class="red">报价：￥${mp1.offerPrice}</font></dd>
	                                <dd>${mp1.mealBrief}</dd>
	                            </dl>
	                            <div class="kt-btn"><a href="/mall/tcxq/${mp1.mealId}" class="fr">购买</a>
	                            </div>
	                            <div class="cl"></div>
	                        </div>
                        </c:forEach>
                        <div class="cl"></div>
                    </div>
                </div> --%>
                <!--其他增值服务结束-->
            </div>
            <!--右侧结束-->
            <div class="cl"></div>
        </div>
        <!--内容部分结束-->
        <!--footer-->
        <jsp:include page="../common/footer.jsp"/>
        <!---footer结束-->
    </div>
    <!--页面内容结束-->

<!-- <script type="text/javascript" src="/js/user/mall/search.js"></script> -->
</body>

</html>
